<!DOCTYPE html>
<html lang="zh-cn">
	{{include './public/head.html' meta}}
	<body>
		{{include './public/header.html'}}
		<!-- banner块 -->
		<div class="in_dxa_c">
			<!-- 轮播图 -->
			<div class="swiper-container swiper_ida">
				<div class="swiper-wrapper">
					{{each banners}}
					<div class="swiper-slide">
						<img style="width: 100%;height: 100%;" src="{{$imports.host}}resources/{{$value.img}}" />
						<p class="sw_sx">{{$value.name}}</p>
					</div>
					{{/each}}
				</div>
				<div class="swiper-pagination"></div>
			</div>
			<!-- 轮播图END -->
			<!-- 轮播图右侧tab -->
			<div class="in_dxa_rig">
				<ul>
					<li class="act">通知公告</li>
					<li>政策法规</li>
					<li>行业动态</li>
					<li>戏友杂志</li>
				</ul>
				<div class="container">
					<div>
						{{each TZGG.data}}
						<p class="in_dxc">
							<a href="/detail/分类_{{$value.id}}.html">{{$value.title}}</a>
							<span>{{$value.createTime}}</span>
						</p>
						{{/each}}
					</div>
					<div style="display:none;">
						{{each ZCFG.data}}
						<p class="in_dxc">
							<a href="/detail/分类_{{$value.id}}.html">{{$value.title}}</a>
							<span>{{$value.createTime}}</span>
						</p>
						{{/each}}
					</div>
					<div style="display:none;">
						{{each HYDT.data}}
						<p class="in_dxc">
							<a href="/detail/分类_{{$value.id}}.html">{{$value.title}}</a>
							<span>{{$value.createTime}}</span>
						</p>
						{{/each}}
					</div>
					<div style="display:none;">
						{{each XYZZ.data}}
						<p class="in_dxc">
							<a href="/detail/分类_{{$value.id}}.html">{{$value.title}}</a>
							<span>{{$value.createTime}}</span>
						</p>
						{{/each}}
					</div>
				</div>
			</div>
			<!-- 轮播图右侧tabEND -->
		</div>
		<!-- banner块END -->
		<!------------------------->
		<div class="in_dxd">
			<div class="in_dlf">
				<p class="in_lfp">单位介绍</p>
				{{if DWJS.data[0]}}
				<a href="/detail/分类_{{DWJS.data[0].id}}.html"><img src="{{$imports.host}}resources/{{DWJS.data[0].image}}" /></a>
				<div class="in_lfd">
					<p>{{DWJS.data[0].describe}}</p>
					<a href="/list/分类.html?id={{DWJS.data[0].categoryId}}&page=1">查看更多</a>
				</div>
				{{/if}}
			</div>
			<div class="in_drg">
				<p class="in_drg_a">知识普及{{if ZSPJ.data[0]}}<a href="/list/分类.html?id={{ZSPJ.data[0].categoryId}}&page=1">更多></a>{{/if}}</p>
				<div class="swiper-container swiper_idb">
					<div class="swiper-wrapper">
						{{if ZSPJ.data[0]}}
						{{each ZSPJ.data}}
						<div class="swiper-slide">
							<a href="/detail/分类_{{$value.id}}.html"><img src="{{$imports.host}}resources/{{$value.image}}" /></a>
							<p class="sw_sp">{{$value.title}}</p>
						</div>
						{{/each}}
						{{/if}}
					</div>
					<div class="swiper-button-next next_sw"><img src="img/next_03.png" /></div>
					<div class="swiper-button-prev prev_sw"><img src="img/pre_03.png" /></div>
				</div>
			</div>
		</div>
		<div class="in_dle">
			<div class="in_dle_a">
				<span>戏曲资料库</span>
				<ul id="XQZLKCAT">
					{{each XQZLKCAT}}
					<li><a href="javasctipt:void(0)" data-id="{{$value.id}}" class="{{XQZLKCATcurCat==$value.name?'cl':''}}">{{$value.name}}</a></li>
					{{/each}}
				</ul>
			</div>
			<div class="swiper-container swiper_idc swiper-container-horizontal">
				<div class="swiper-wrapper sw_wn xqzlk-swiper">
					{{each XQZLKLIST.data}}
					<div class="swiper-slide sw_lx">
						<a href="/detail/戏曲资料库_{{$value.id}}.html"><img src="{{$imports.host}}resources/{{$value.image}}" /></a>
						<p>{{$value.title}}</p>
					</div>
					{{/each}}
				</div>
				<div class="swiper-button-next pre_a"></div>
				<div class="swiper-button-prev pre_b"></div>
			</div>
		</div>
		<div style="width:1100px; margin:0 auto; overflow:hidden;margin-top:50px;">
			<div class="in_dlf" style="width: 540px;">
				<p class="in_lfp" style="margin-top:1px">剧评园地</p>
				<div class="in_dxa_rig">
					<div class="container">
						<div>
							{{each JPYD.data}}
							<p class="in_dxc">
								<a href="/detail/分类_{{$value.id}}.html">{{$value.title}}</a>
								<span>{{$value.createTime}}</span>
							</p>
							{{/each}}
							<p class="in_dxct" style="text-align: right;">
								<span><a href="/list/分类.html?id=5&page=1" style="color:#a10005">更多></a></span>
							</p>
						</div>
					</div>
				</div>
			</div>
			<div class="in_dlf" style="width: 540px;margin-left:20px;">
				<p class="in_lfp" style="margin-top:1px">戏曲文化</p>
				<div class="in_dxa_rig">
					<div class="container">
						<div>
							{{each XQWH.data}}
							<p class="in_dxc">
								<a href="/detail/分类_{{$value.id}}.html">{{$value.title}}</a>
								<span>{{$value.createTime}}</span>
							</p>
							{{/each}}
							<p class="in_dxct" style="text-align: right;">
								<span><a href="/list/分类.html?id=6&page=1" style="color:#a10005">更多></a></span>
							</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div style="width:1100px; margin:0 auto; overflow:hidden;margin-top:50px;">
			<div class="in_dlf" style="width: 540px;">
				<p class="in_lfp" style="margin-top:1px">流派传承</p>
				<div class="in_dxa_rig">
					<div class="container">
						<div>
							{{each LPCC.data}}
							<p class="in_dxc">
								<a href="/detail/分类_{{$value.id}}.html">{{$value.title}}</a>
								<span>{{$value.createTime}}</span>
							</p>
							{{/each}}
							<p class="in_dxct" style="text-align: right;">
								<span><a href="/list/分类.html?id=7&page=1" style="color:#a10005">更多></a></span>
							</p>
						</div>
					</div>
				</div>
			</div>
			<div class="in_dlf" style="width: 540px;margin-left:20px;">
				<p class="in_lfp" style="margin-top:1px">地方小戏</p>
				<div class="in_dxa_rig">
					<div class="container">
						<div>
							{{each DFXX.data}}
							<p class="in_dxc">
								<a href="/detail/分类_{{$value.id}}.html">{{$value.title}}</a>
								<span>{{$value.createTime}}</span>
							</p>
							{{/each}}
							<p class="in_dxct" style="text-align: right;">
								<span><a href="/list/分类.html?id=8&page=1" style="color:#a10005">更多></a></span>
							</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="in_dle">
			<div class="in_dle_a">
				<span>支部建设</span>
				<ul id="ZBJSCAT">
					{{each ZBJSCAT}}
					<li><a href="javasctipt:void(0)" data-id="{{$value.id}}" class="{{ZBJSCATcurCat==$value.name?'cl':''}}">{{$value.name}}</a></li>
					{{/each}}
				</ul>
			</div>
			<div class="swiper-container swiper_idc swiper_zbjs swiper-container-horizontal">
				<div class="swiper-wrapper sw_wn zbjs-swiper">
					{{each ZBJSLIST.data}}
					<div class="swiper-slide sw_lx">
						<a href="/detail/支部建设_{{$value.id}}.html"><img src="{{$imports.host}}resources/{{$value.image}}" /></a>
						<p>{{$value.title}}</p>
					</div>
					{{/each}}
				</div>
				<div class="swiper-button-next pre_a"></div>
				<div class="swiper-button-prev pre_b"></div>
			</div>
		</div>
		<div class="in_dle">
			<div class="in_dle_a">
				<span>友情链接</span>
				<!-- <a href="" class="in_ism">更多></a> -->
			</div>
			<ul class="in_dls" style="margin-top: 20px;">
				{{each links.data}}
				<li><a href="{{$value.weburl}}" title="{{$value.title}}"><img src="{{$imports.host}}resources/{{$value.image}}" /></a></li>
				{{/each}}
			</ul>
		</div>
		{{include './public/footer.html'}}
	</body>
	<script type="text/javascript">
		var swiper1 = new Swiper('.swiper_ida', {
			pagination: '.swiper-pagination',
			paginationClickable: true,
			spaceBetween: 30,
			autoplay: 3000,
			paginationBulletRender: function(swiper, index, className) {
				return '<span class="' + className + '">' + (index + 1) + '</span>';
			}
		});
		var swiper2 = new Swiper('.swiper_idb', {
			nextButton: '.swiper-button-next',
			prevButton: '.swiper-button-prev',
			spaceBetween: 30,
		});
		var swiper3 = new Swiper('.swiper_idc', {
			nextButton: '.swiper-button-next',
			prevButton: '.swiper-button-prev',
			spaceBetween: 25,
			slidesPerView: 5,
		});
		var swiper4 = new Swiper('.swiper_zbjs', {
			nextButton: '.swiper-button-next',
			prevButton: '.swiper-button-prev',
			spaceBetween: 25,
			slidesPerView: 5,
		});
	</script>
</html>
